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\ X 111 VIUU n ^ (.JavaScript J 


JAVASCRIPT 


URDU 


♦ ♦ 

U~ U * 
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2 X viavaotiipt in vi uu m m m j- j i;?,v‘ ‘/ JavaScript 


/'f Oj- M Sir'-sf V-1995A. Nets cap JavaScript \ 

£-J\) m HJ- Live Script' C J avaScripV- J>-.LL,v 'iu^r j 

0 J- ZIcAJAl c'lJ^'U’c'L- *>*'J'Li-JavaScript-j/l^>JavaScript! 


AS Pi PH P - j 


y' * A 1 * f **• 


A Notepad, Notepad ++ itf* ‘^‘^AjvA 1 JavaScript^* j 
J l/A. ^'i;Case-Sensative JZ 'JavaScript-ct /J Ir*"< jC vJ * U 

j^L. JavaScritpt,^. I>V- 1 ir? *bV'O^-C^C A7bA iVijLiZC v r * )(S‘0 AI 

- J 1 ClfJJ- ^"u ^' J ) 1 iv "—<! 


” J " jy»jl javas cripb 11 Javascript .vJl> i 

v ! 

Ji>i(C 

** " " ii 


JavaScript! 


'1'tO^v > J avaS cr ipt| 


cKA/y«y/u , r'i /> Al£ y 1 £*'< -ipijv>y .tb.jy ,J>-Aj J 

- uj # J\A. >AL --'J- -AA A|V-*-A^ •<£! ^ A ?u J 


^ Jyf/'L/iL JavaScript j 


.aL^~*J^ 4 ji?~^ 6 >&S CSSyyHTMLwri^lwT^L^lJavaScript ☆! 
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4 yj* Y Jdvaoti ipt in uiuu m w w jc "t\? {JavaScript 

















l"" *o ’LrbjV?*Syntex b' JavaScript 


Methods ^JavaScript 


Comments v r ~ J avaScript 


■ W *L- Data Types ^JavaScript 


| ** * *4 J? S' 

Variables j* JavaScript 


^ / 4* ^ 

Functions ^'JavaScript 


{String Method ^'JavaScript 


tjJ l x *' 1 \s Number Methods ^''JavaScript 


V Math Object ^''JavaScript 


U Jt*-*' , b'c l|, '-‘vTU l V Events ^''JavaScript 


• U TL-' Assignment Operators JavaScript 


? U ?L- Arithmetic Operator ^JavaScript 


Comparison Operators <C JavaScript 


? W *L Logical Operators ^JavaScript 


tsj&'tf if Statement J* JavaScript 


else Statement j" JavaScript 


L-'J^'-b'else if Statement jt JavaScript 
t i »i jrif l/ P opup Boxes ^''JavaScript 


For Loop jl JavaScript 


Vj & 1 b'while J~ JavaScript 


do while u '' JavaScript 


Switch & Case Statement ^''JavaScript 
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^avaouipi in uiuu m m jr j l j»j / JavaScript 


} } J JJ J ) J } } } } J } J J} J J J J J } J J ) J J } J J } J } } J } J J J J ) J J J 


i j j j / > j } j j v;" 


Svntex 


j ifeT <script>y>' 


JavaScript ^ ^ \ 

<body>l<head>ZlHTMLf'.Z- Zl / JavaScriptj 

I'V JavaScript vjZl I 


<script> JavaScript Code Here </script> 


/s* f-A- % JavaScriptov'Z^^Z- 


OYl 


<script> 

document.write ("this is my first Java Script Code"): 

</script> 


! tt ’ & ^ 1 JV-'V* < body>t<head>w<script> SjsXi UJ--Z r Zll-rfI 

\ , j 

| wtfZl <sc ri pt>*' W T i:Zl Z- L r <scri pt> j 

! ?)'A*'w ,cU? \J-a~ f cZll^?'w "doc um ent.write"?l>' Is-Z^Z1 j 

| ~ ^ <L 1 bZ’^O*'ZLZ1.ZZ J/ w - e <Z~ JavaS cr ipt^JjZ -Z J^V r j 


r S , t 


I l ^r’ J w/'v- C>V- -*J '-'Zi-.b'vlr-b JavaS criptJ^j 

| JZ’ZZv~vLZl DOMS'documentwrite j 


-Zl^rZ'j 


4^-V V * I 


j JJ/&/ ,, document M j 

ff 1 • j 

I Zl^ ji'fjsfu/L JavaScriptj“*f- OrJl^'Z- Z1 • * r ll6 "." (dot)| 
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8 X javaouipi in uiuu m m m (JavaScript 


Methods 


Internal) jTl Jtj b ^)*»£.1 L. JX*jp£ g ^ JavaScript j 

<script></sci ipt>y>^e ( External)j 

JjpLJtf/j: Body,*‘Head%^HTML fJj$<C§cx\pUjrjL 




" .js "cr-* -b;J'lfJLiiisL 4^1 JavaScript^J-u£- v ?cbJ 


- j?-}J 1 J jsj^rbs ^cZlJavaScript^* V C/Z1| 


JavaScript.js 


i 

J^-v^'^ZLHTMLJ^ Jts JT : J javascript.jsl- > 'j-dL ^ 3 PathbV bJ 1 j 

l" C b^l : / Src ScriptfVvyb ^ 1 *> Path.Vj-' twi /% javascr ipt js . 4 /lv n 'J~ JL- U/ j 




^ -r"- 


hi* - 1 * 1 $ 

J If? f SO J ! I 


<script src="javaseript.js"></script> 


Comments 


jL £- u^hAvto tj 

w c Jb CSS/?-HTML.L jyS'wJu-J *\ 
il J 1 ^' (sjT'L sJl JavaScript^ j 































www.iqbalkalmati.blogspot.co 
oavaoti ipi hi uiuu m m m j l;?,v/ JaixiScript 


documentwrite (00923142018202); 


-Jr-! 


Booleant*No^Yes^rW^*/* ^Boolean (rj 
/}((/(/ b'Zl Boo le an /> ‘<£1 t/ f " doc um ent.write fV* J^ wl-V- J j 


_ lf<L_ tr ue wl*t ajjtoJa -1 OkLV; 9-' 1 i/yi- Boolean j 


documentwrite (Boolean (10>9)); 


-JiM 


XU_ ^ IL *_> L <£ Av?~ b'.Ay Array <>j 


Mango, Apple. Orangey ^/{/•Vkd !im s9G-ft£ Fruits! 

r? # ^ 

./* o 1 ‘v? *— j£V <L fruits ^ L )J > ‘<lL ^ f5i 2S doc um ent.wr ite! 

~ 4 * ? *• r J 

lA‘ 0 ,*(L- \'^~\S'Jt'k J SJx JCsC^^^I 

-w- 0:60 '^- JavaScript J.' 1 /?--*0 /iOjUSf j 


var Fruits = ["Mango", "Apple", "Orange"]; 
documentwrite(Fruits[0]); 


-je-j 


L f-J*- 2- :Object (oj 


type:"Farrari", Made:2015, j m i i*c£*L f *4/* U-. J^y*^ f iL. car«Jp£,y\f-J Array) 

ft \ 

j JJ V<L. lS'Y-^ car V L -v J : // > '<l! yrildoc um ent.wr ite color:" R ed: J 

w f -/*U j i_ w- *JZ L~ t-. J^y *^CArrayv objects j_ t*x JA£- >_? .v'-jj 

jji v Farrari^ U C* type>ytype **.*-L U 1 ’ type:"Farrari:| 

Jj i?J FarrarijV type*/<>rtypeJ.*i Ik J^Y*^ •— j 

b car 'f- i\J^2- Jj/w-J object- J— L J yi v ^ Jv r, *'*r 1 w/^r L^f CSSj 
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12 X viavaotnpt in uiuu w m m / JavaScript 


4 i 

| LlC , semi-coloni_^^L v /v2*7-^ 1 JavaScript^J^o- li. ^’ semi-colon^'-Vc-^V' j 

\ jf*j[ If fcc. rJJj'Jj'/ Statements**semi-colon Jj #£>Cj ! 


UuErrorjy ! 


-u 4 Gl,L 


document.write ("hello world") 
document.write ("I am writing a JavaScript Code"): 


f & V 

| iJiLuuf JavaScript^t€'semi-colon^*ylTiw. ; ^«L ~ z \ 


\ vcjZlstatement!. f- ZL Error. J*?«L Jl£1 


?<i- bVv’L'semi-colon 


Lf'Local variables^ u* v *Jxw : C*v variables.variables ^\ 
j^U_^,vanab,esi, ^ £,*W' \ J/tj/»j■ Global variables^. J / '«J 

5 x j 

j .-' Save *r'V JavaScript^V-variables V-JavaScript^Ap-^ I 

| /y>* j x-L f'jl (Ai- ^VariableJ. L?Ui *.L ^t£<Ly^<^Cj 

11^£/ i\i yy?'x^L 5*5j 

j a,b,c,d?*ikil^ 


| 6_U Or^T’??* Uconeeptfc vari ab le jC- *r w b 1 i>£ 


. w ? yVjtf i Ajis jG v ;‘^r 6 A/ ^ 


variable j w ? 3 £ 


:jjix| 


~ letter w/Zzlj <f A J 1 1/* Jv r (11 








--—ww.iqbalkalmati.blogspot.com ---■>. 

-] 3 oavdou ipi HI uiuu m w M j^JitwcrSeripf J 

| - bV JletterbV C<rr Jl^ 1 bj f/£/* t^y? (2 

-^ra£x" _" jfi J>r - n JsXSj*'jz <>y? ( 3 

| - <-£ A-lA**' iV (Space) ^c 1 ? jl * (4 

it this : Jl J >-t*'UUv^Cv f "Reserve-Keyword fCb'cVy? (5 

_ Zl ^ ^ L ?. |^ r Error y U'^C l */k/'«^ r - o* 


S - w ? JLvariables^-JavaScript-Reserve-Keyword 
" = " •> ft'c ^variable v.A 1 Ajf^ Keywor d % Var Jb'^ z -3j A-tP 

A / ^ Ajl / 

Assign Operators if v£JavaScriptJ4 W £ equalequal* 
l <l~J_ >k f/vari ab le f-jf.L-JVL, equab f'- S*J ^OTi -A c'~ 

statement St<Ljl §ijv% semi-colon ";" j4r.)h JavaScriptJyl letter j 


- U'xvVvariab le L. J-A *cj>y 


\ 


var my_var_name = "write the value of variable" : 

| £TW keyword-- £/)* l-keywords var A 4- 

L j* t.v /fa//cuboid/A ZL*L✓ 

cAmy_var_naine variable 

t^bZli-y Asigni*/variablesU#^n>'equals 
| y/'wt letters?**^ •'A Uvo/A i */ textual J- J-* 

~y r “’ '{*'^ 0 - *—J. s ***$ 2 £>j L*:jG r L , w r( -A * invariable */”riiC'semi-coIon 

* ^.. p 

^ : ^ r . y l *• ^ v 


| write L i£j my_va r_n a me L. Cl, 1 "* b'box^Jpi- UfV~ 

\ write the value of ^ v ^wUsemi-coIon>?L jA * 1 the value of variable! 


www.iqbalkalmati.blogspot.com: l/ <L 
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^avaouipi in uiuu w * m jc tfljtjj* ties' "Up {JavaScript 


I box??variable! 

I 

j <L keyword fv- £, y^J O’ 1 J> -Vj 4- O/Hi 4-.A-/***-' 1 ! 

I , I 

j _ variable J^b.Zlkeyword^Z- o *ZljUA’.z£._y JavaScript^ jj 

j o r “- J*s/ib^Jyl:^&?CUwi/hjo r ^v Ui- Zl^sQ??s>?'o*i- keyword!?'Varj 

S y~ JavaScript-^_L‘*L- b y w b "^X/iCV>'Jl^'V keyword?*. 1 ^ j 

£ variablesZlkeywordki^Cw'-^jy*-^,*^^^ variables) 

J ^ , r! 

g ji 

\ -^ v zZly v>'v"^ ‘'*“ 6 * 7 - -‘I: vt/\-^ y.-i *vf* 5 w- i• Ji^ r, w- x .JJ*/ 


x = 5: 
y = 6: 
z = x + y: 
z = 11 


J , ^ . p 

| ^cyJj>?i <C^Ao^ .'i v 5 'VW L1* c^v*tycxwT*Z: ^Z y yTZ: Z 01 i-r^v 1 J 

j . j, | 

| .C&?wL by yV x^. |'^jC | Zlt/'*ll>. J^yjtf- f cZ-z^a < Aj^>k *C 6 fVVj'lb: 

| Z e '- r u i — > l': r o^~ bZ_ >> Z tVy * 412 *-- tC yZf ( J Z If-* w'i * J y> ?* x^ > Z 2 J 

f b document.writeZ*Z ZZy 1 show/A'^S^j'x w i>jiyZZ^bl^Z^Z^j 

? ^ ^ ^ j 

| -ZZ bJ show>>Zf > T c*^ r 'tf_ i&:cyj^ J 


<script> 

x = 5: 
y = 6: 
z = x + y: 
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{ 16 /O* jl viavaotupi in vi uu / JavaScript J 


r.ir«iir«r»irii.irii a r« a r n .w«»>.. V «ni.nn»i a iir«ni a «r«r.i..r«r.i a r«.r« n »iriiiii 

I document, write ();>>‘(Z^k/J/y : w , j 

t -J^sL -w r /'/"Hello world" 


function myfunction {) { 
document.write ("Hello world"): 


i i 

i /* ^ 

j l J\Jl^ '\s document.write(): f* Hi— t i-- o r ~ J ' b irt J. j 


j *L bs/yT^ user define j 

} ^ \L.i bV" : ^r u- o f vc £- ><->yVJ r ^ c - ; ca| ^> ^I 

1 -^ i>> 1 ^ w;*?• | 

| 

i function myfunction () { * 

i ! 

j document.write ("Hello world"): \ 

I > : I 

\ myfunction ():, \ 


, faC / V V v J y’v ^ w r 1 ^ Zl(/'* J 


Hello world 


i >• « &F / ^ ^ v */ C) f ^ ^ \ j ¥ y 

I f v_ yi •jCjiWv’^o- 


| A e HTML^_ b'bV" showJ 1 ^ 


r*‘ 


T;-' •■ )■// / 11 


| w» b lrw^bXc^'-i * u ??>?'l&f( k- if | 

I y cZldocument.getEleinentByl d &_ -v/ 

! " 1 








-Tv'www.iqbalkalmati.blogspot.com > —-—. 

17 /ti** X oavaocii i JI 11 1 '* ^ ^ J IJvj 1 1 A JavaScript J 

i_ f-i .L wS^HTMl! 

> > ✓ J ✓ I 

-X^fbX JavaScript a / 1 U,display_date 

-P' . , . 

JavaScriptX’b* document.getElementByld{); 
J AttributeXldJX-X*-*-‘XXvXX HTMLfX document .getElement By I d(); 




(/X HTML l>^ C h" Id, > X Xv i * ',X IdX^XXX, X 


y 

jf 


w K ^ ** 

-V - ’ # r j_* i 


* W- ^ 


f m i}A J jfj&jCi/iiL. I>V- U • J^SC X 'xlXl-^/A lJ.' <_,tXx*-X X y Jl^' <>> * 

| av?X X uXX X ?v 7 X ?' ifX Ux> £. X u* i?*,- u* y(jt (£ t eXJ 7 

. (dot) wa. X ^'. <l- X J/fi doc ument. getEI ementByI d - X xsfJZ. —vX ? w ? *- *' 
^ «CXb' innerHT M L iXXXoV JtX 7 l- Xx 1 XX ?t Xu'X; X X 

uXX'f’CX -LjJ&fj sL X X.’X X^'^XXXhTM L>X Jl*> Xinner HTM L 


function display_date{ ){ 

document.getElementByld ("changedate") . innerHTML = Date (): 


}: 






r # 


iV'^^.X/ Date();^J AssignXji/ XX^CDate 0;*' innerHTMLXf 


lyT j idXyX^—X ^ <P> X'bXHTM Lf : X e- X f c^< 


r / - 


' VL 




Jl”~ 1 Attri buteX-XX*XX t-.buttonX* fX?.’Xx*/£> ?t *^-^cXchangedate 
- w. ■ 6 A/X^"-*X - XX*f*CbV'^X* X X* bftXonclie k 

<p id=”changedate">Welcome to this site</p> 

<button onclick=”display_date Oi'^CIick Here</button> 

, r^i, >J;,^ i ) 


www.iqbalkalmati.blogspot.com xX^jXXXi^xX/ 
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18 X ^avaotnpi in uiuu w m m / JavaScript 


TTzzzzzzzmzzzzzzzzi 


ttzzzzzzzzzzzzzzzz^l 


«b IwUC'y/* 

t ** r 


Welcome to this site 


Click Here 


*** * t I 


Sat Sep 12 2015 03:12:05 GMT-Q500 (Pakistan Standard Time 


Click Here 


Striim Method 


+ § 
if J; U' 1 • Str in g - <21 Lc_ method s^L cl String Lx! 

-X-yJt-bjiL JL £^7jL (y i}ABCD 


var carNamel = "SERCI 360"; 
var carName2 = 'Serci 360'; 
document.write (carNamel +"<br>"+carName2) 


/%£_ Oft J-^xti'0Ajy?ttf-|''t<2lcarName2v'f»carName1 ckvjyi-. fl> | <2l W r ri J 

-Lvl^V^C'iUdoc ument.write 3rjCi_ /ajjli- ^jCT>| 




SERCI 360 


Serci 360 
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20 A viavaotupt III uiuu w m m / JavaScript 



J Jl i: r */±— > v- J&S'J't 


<button onclick="myFunction()">click to Upper Case</button> 
<p id="upcase">Hello World!</p> 


\ event2lonclick u C w rijjat: C ,rtui«L — r / '^~ 

t v? 1 ^- U^CbV 1 *^ LI* Fun ction-C^^cd my Function one lickI 

• j 

\ J/id/j'ijftibiUf It p^i'2_ U c Click to Upper Case J_ JL Details A\ 

l _<i. Hello World!2_^v>)<Llw^y p / , v ?l U upcasej 

I 

| <script> | 

i function myFunction() { § 

\ i 

I var text = document.getElementByld("upcase").innerHTML; { 

i \ 

l document.getElementByld{"upcase").innerHTML = text.toUpperCase(); i 


j </script> j 

\ 

- £ . \ 
I LI* - f cZlmy Furtction it*. p f '~ a'ZIw^ZI scripts 

| J upcasev>'^ w r, >* i J document.getElementBYIdJ^ r l* c<^textj 

| u-J^ysiltexti.innerHTMLl v concadinate^-O^J^ 1 idj 

| *L f'&PtL document.getElementBYId^J- 

| concadinatej/l-Zl.innerHTML^_ , l.| /: ^_y4>^J^ 1 idj upcase?>l*.*j 








CElSEX 


www.iqbalkalmati.blogspot.com 


vfavaocupi in uiuu m m h 


uy»pui.cu m f 
j- o 1 i;?.v 1 1 *«u X j 


| yt/<CtoUpperCase(); texb?i_ Z^i*/.innerHTML| 

concadinate 

H 

^Lj ux<_ irw ; /<_>u-^- 1 

* " v ** * ♦ 




* . ** K/ 

. N 

click to Uppercase 

click to Upper Case 

HELLO WORLD! 

Hello World! 




.toLowerCase{);>JZltoUpperCase();^ f'(^Jr 

r' S y , y *£? 

4 > ** 

<button onclick="myFunction()">click to Lower Case</button> 

<p id="lowcase">Hello Worldf</p> 


X^ f CvjUi. Iowc as e sJ^&S upcaseijCtfe id^ r ~^ 

4 * # ? 4 


*. C* ^ f * r* t J /i 




<script> 

function myFunction() { 

var text = document.getElementByld("lowcase").innerHTML; 
document.getElementByl d("lowcase").innerHTM L = text.to LowerCaseQ; 

} 

</script> 




www.iqbalkalmati.blogspot.com: \J m J 
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22 yj* X v,avaotl ‘H 1 *■* wiuu m m w {JavaScript 


$ j 7 / } > } i} } i} > } i / } j }' r j'j } i j j / / j i r'/ l s / j } } / f /-/1 }-/ i / 


i j j j , / } j } > j 'j* 


j - w rirj/oW j *>H r j~ w r| ,k/'j 




click to Lower Case 


hello world! 




click to Lower Case 


Hello World! 




<p id="cpos"></p> 




cpos.L fy C i id w r| y j'Jl. id_tfs >kl w r| >f'It-. ^ p_y Jy «L f'fjl 2b / • w- v r 1 1 


j <script> j 

j var str = "HELLO WORLD"; 

* i 

j document.getElementByld("cpos").innerHTML = str.charAt(2); j 

j </script> | 

I . I 

| HELLO WOR LD v v^..•*!:v'j'*>; | t!:;V‘—i i ^-fkCstr.i- j 

| —T 1 -b v- c* 1 lFl- 6sJ' 1 w ;T* w 'k - r;v-\3/JrC^- w n Jk £ .j 

| /£r?fcposL^yt {j ’ 1 *— |^id '{{J <i—document.getElementBYId| 

I i/ ( J str.charAt(2)Jj<^?/.innerHTML^Lv concadinate j/LZl.innerHTML v r J 

j 3 

| J U L ' 2& j^c i. L- cone a di nate ^ 1-- Zlch ar At() ^ str *L ( v- j 

I k ‘ *. . > I 
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oavaoci ipi in uiuu w n m ^ JavaScript J 


/i: -cu 4 -Aj'—U^/M ath.random(); 


-u~ 


document.write(Math.random{) /11); 


/i/il-tloA 




- u ?Math .max() ;>**Math,min0;Z-^ fiJiJLyjf. sj *£_> lZ1 max> *'min^jl£j 


i r' a-ju r" 


document.write(Math.min(0, 150, 30, 20, -8, -200)); 
document.write(Math.max(0, 150, 30, 20, -8. -200)); 


s 


£ * * 

•$. w r *u'*w.tJ-*^ie i ?l Math.maxO;>?' 

- 0> 'Zl doc ument. write > ?*<£. O'^Ku Math .m ax /i 


Math.min{);*L 
__ "0 v.vMath.min 



-200 

150 


* v *» l 

^4/V 1 


C*. ; ?jr/<£- .-r" Math, roun d{);- ^ Ji j % Math.roun d(); ( : J U j 
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Events 


•L .<Events?*c_ i(CG- - Eve nts yjl <-A<L- Eve nts 

'Z'JAL- i}^* Jr*s_ ^ ^</ L» f <•_L :<J*' Jr'V^/>l J O f ! 

' £• Eve nts *7 functi ons >*/*L u ? Z~ Events 

£■ tc- v^*EventJ? U/-^- l 1 /" Event handling v ' 


JfAs Eve nts it 


Event Handling 



, /- f. ? 


£_U v ‘Ij( key) J J/J £>4 Jw4 


<Llf tjCc__ key)J J?0 ^>aJw-> 


<L f*xj^ J l .•( key)o J rG Wo w-? 


4 —L?L- clicks-w/Hw^ 


i_Ul double clicks 
* « T » 


» *** v ^ • 


?bV>^ 


s’ 

'L- u uL' object J V * L 


> 

c_Uit r *i_objectv,r w />'L t —-? 


^ 7^ 

. if Ul" *• ^object*/ 1 It Lb"?^ object t/X/ > l w-* 

Lui-' l£_ u JiJtSSs ^object 

s' 

<L U It? object JV j i ^ 


<— ^ *T ex til'*"* Jg J//Jy w-? 


^ f" > ^ 

c_' submits l : U_'JL^'u'vL-submit/iy._> 


onKeydown 


onKeypress 



onMousedown 


onMouseup 


onMouse enter 


onM ou se leave 



onMousemove 


onMouseout 
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<img src="bulb-off.jpg" 
onmouseover= "this.src=’bulb-on .jpg';" 
onmouseo ut=" his. src=’bul b-offpg 


j p>L*V>J' rffcOv^«£-i- If A- w r >U?b' jLI- 0 ?'jk_U V^oV^A>J*cf 
If - lf<LU*T>;/^WL/f‘J &i$L- UIU; 

<h2 onmouseover="this.innerText='mouse out to change text again';" 
onmouseout="this.innerText =, Thank you';"> 
mouse over me to change text 

/h2> 


-o 


bx Ji x 7sf6' b tf-/‘w U Jl*-*' 1 ^ thi s. in ne rT exti- f'jt J$*\j 1 
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w w w. i q b a 

javaoti ipi )i 


I k a I m a t i. b 

I Ul UU W W M 


I o g s p o t. 


; o my--^ 

"•U / JavaScript J 


var x = 5: 
vary = 5; 

document.write(x + y): 


10 



M ^ j ^ ^ ^ *i iT^ 4 J/^ L 4 Ifc* 4 H ^ 4 J 

- UJ U? 'VyfiX jy^w 1 ,*^L- 1/7j:j^ -Twt >„ /1 


Subtract 


Subtract 


( C^x^TL i_b;2- Jl>-^ txjl^iwi- ili-. .-JVv/t^Jl Ay;*;*j 

c_ doc um ent.write(); J- ' -- -J 15«L ' cZly-JJy? 1 * i * J 5j 

, / ^ jfi| 

~Us\>y &\ 


var x = 5: 
vary =15: 

document.write{x - y): 
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**** £* 

C'cTU- document.write{); J- - i 


var x =15; 
vary = 3: 

document.write(x / y): 



-bV^/ybV 1 } 


Percentage / Modulas 


Modulas 


‘.'DivideA? Divide^_ 

t I “ b V ** 14 jj 

tf-3/15 j-w fel 3?l/ Divide jugfk 

MeL, 5'3 Jl?w'/'b Divide?**^- t>: 5 w'*?./.i- /w/ 

3(£x\JL,s* s a isv^'wA^ i if zfJtjLJ OwLO I 

<£*£fjL &V «jC 2 Zl J- & ^ (£ | 

J ' i<C.y wi o?'J?c_ •-*!: ?J 15«- ^'vs- L i_k ; <— fv- 1 JlT*j 

t * i 

_lv' £/V* $jpfLtf' f- doc ument.wr ite{); i_ f-f<jk)j$\$u— .\i •{ 


var x = 15; 
var y = 3; 

document.write(x % y); 
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I % ++jc tyJWsiu— -V 5^- 1" IdL X~ It; t/^VJwi 1 ^ f-ZJ^dL )}t A -<L. Ic -V I 


\ ^ cC 1 i:' jC wv b ++l/^U l*/ 


^ SV' ^ 


r " ^document.write{); ^ l;£ , 0' r U‘ j 


var x = 5: 

docum ent.write(++x); 





Decresement 


Decresement 


J| c^V ?w i 1 1-V' v o 1 ft'S'C z tv 1 w-v’"*^ l »yhj 1 f++j 

| J- ^V', u* tfc/v b' -- Jb; ^ - i 5 J- fC^lxat-.j 

| W C v.'w. tC'.b' ? W Vt-I? --c/vH J0*4>t:f> l»,l^v> '<blil document.write(); | 

, JlL J/L- r wu?4-!fv r - - 

5 > » » . a 


var x = 5: 

docum entw rite (--x): 
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=== Equal to Type ! 

y 'Zltf CZ Jl^f J\sL. eq ualcA^-v^C? <£- V r *^ r 1 j 

Zl XwTl w ? Z- t; t-^VJSJ^ -ZZli5 f */•- w ? xU\jh) ^ C lcj>fI i *J v/ ri ^ £ *jv ^ L <L_ j 1; | 

2-sifJ BL v 5i-^jC^=_f cj 

wZ(w*ClZv^ji 1 fjrf’tfjULJ I 

.I 

var x = 5: i 

vary =5; j 

if (x === y) { 

| 

doeument.write{"both variables have same DataType and Value”): j 


** 8 


both variables have same DataType and Value 


Not! 



\gf-s ( y>AC f *: Jt**' '*Z- ' if l^| 

a£/jX. jr Z. Notj^ZL *AJ" f V-- r fc hT' -if 1 k t OjhJ U \ 
































www.iqbalkalmati.blogspot.com ^--. 
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' 7 } } } 7 / } 7 f }' J ? / ,-" J J J f F J X ? }-}■}-'} // /"/ I }■ 


variable x and y has not same Data type 


i j j j / > / } 


Greater Then! 


Greater Then 


CL 4 l*_ V- :k ?;j tejV lW 6 L i/w^ilHT M L r j 

.*,*!:;J 5.L ■{ C^xjQTL^-ts J^stv i- >r OrJ^ j 

■C*" C*" $ 

L?W. UV>L(L L f -J;^1? V if—,L >?i'<L w r) y J-’£_ 3 iv 6«L LV?'| 


- <L* A / J*o >. i * J y^- c/~ Aw y v j 


var x = 5; 
vary - 6: 

/f (x < y) { 

document.write("value of the y is greater then x”): 


r 

<j 


value of the y is greater then x 


Less Then j 


Less Then 


/L c^^'J 1 t^ 1 - &vvi^jC^zlHTML^I 



































--—ww.iqbalkalmati.blogspot.com ** -* 

42 yj* x viavaoci ijji III uiuu m m / JaiHiScript 




j j J J j } j } } j * 


if <x <= y) { 

document.write("Value of the variable y is Greater then equal to x"): j 




Value of the variable y is Less then or equal to x 




var x = 5: 


vary - 8; 
if(x <= y) { 


document.writef Value of the variable y is Greater then equal to x"|: ! 


r 


Value of the variable y is Greater then or equal to x 


Less Then or Equal ) 


Less Then or Equal 


tex'xc'-J' 


> JiV Aif*- (• t-<V j 
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Loaical Operators 


r+r ■* * I k > I 


Addition* 



| f'-fif'O- ' Ct±Lx wi*- fc. ^y***^ Jl>_^ Orjl'*' 1 ,A <£l ,u , ; ^/‘V3/t*f^L Ay???*j 

j /* - * 

9 document.write{); 1~ iv 5,L ,'C<£y jTU 1 J?4_ -b.*6 5! 


i*Z ► Vt 7 *, A 

L *y w !/ k 1 ^yf 1 b w v>^i 


var x = 5: 
var y = 5; 

document.write(x + y): 





J ^ ^ 

j w/£ w"if you have a bike" Jki>JyAi!_ Z1 Jrv' 1 ^ w-^l? ifj 


p * 

L- 1 w» wt i w r u_>y u ecu w ‘y* 


j ecu v w' ji .^1 _f i ^ 14 _> y c 

b K ^ i * V V “ t 

A.',.fA if ,- rv\ lu>i Ctif y* r“ .lava.^rrinf / J 


| if wA.V-function^iZljdV^" OrJ^fiZl^^ifwl^JavaScript-w^y | 
































! 

j9 1 '*'^2©Ise ^?~<L ) _ / | 

•'tt 'w~ s/LV*; wl - J — v ‘'vC" 1 else.-- 'w. v^'U' w-< J else - ^ U t J V j 

* , *♦ i p s\ 

-? L .r- *1 ! 


** ? " ** 


i. y' * , mi , .. 

jt'^j* **•/*• ^ 


A?o^ 


vara = 12; 
var b = 10; 

/f(a<b ){ 

document.write ("if you have a bike go to bazaar"): 


else { \ 

document.write ("if you have a bike go to bazaar else take a bus and go j 


to bazaar"): 


.ix~ 


if you have a bike go to bazzar else take 


a bus and go to bazzar 


tiyf J.v (* i jJ b w? /\f greater theiv* \j^L- if J— jlSJyj * \ 

svit-^Se. i- ><S b-'-^ -r^j 

\/j 0^ U 1 ^ else«i- 

-lf<Llf<L* ft’jJjJ L 11 fA^\J %&-b&90 aj 
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r 


u y s p u i . c u m f 
J- JIJtJu 1 1 X J< n ' a $ C) 'ipt J 


documentwrite ("You Pressed Ok!"); 

} else { 

documentwrite ("You Pressed Cancel!"); 

} 




I b ifwjT-L confirm();ji*i- ‘^^x-jT 1 

j wc'C/ ?x^uJL^J }^confirm boxJk i;J x1/1 \ff[f ^v r ~u ri 'Lbsi? 

| jfe * jfc'ok jjiofs 1»/ }J'j>yY ou Pressed ok!document.write>?> 

tJ wXfe/c an c e I >;y ? ? ? 

t ** * * *• It T ** v * 

V '.T‘<£1 ^ else Uw^'w 01 lLe\se'£rlLyJ\L~ f : 

*>J v r ' ^lelse /jL. t/C$>canceL;>J//' L v C^> •/‘U-L U? 

Tv T ** 

*0? 

-bx^You Pressed Cancel!^_u f 6-document.write 




The page at localhost says: 


Do you agree to our Terms & Services 


OK 


Cancel 


I 


for /ooo 




bl/ifcOwV J> ic for loop^^rZ- xL. 'O' w^v- w/ 
|^ «t ~c-~- w *-- *'ij 1 *-L ^sJ^ L¥ " 1 * * t ‘.L* 

-w t-u 1 
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\ less 2- ffyf'K* J^y^'jLXV x 9 -4 *-2- 20J?£_ *r w / | >*^ ^tZlxtb:^yjwU2_ 

jj! ^ |jj 

jj 1 0*iv xr 1 LAtjJ- | > ** 1 Kf'e— -C- 10— J-*£_ *wl | >' 1 l$v^V than j 

| _&L &£*/'• Jii-& Jit lv 


987654321 


iv/»7e /ooy 


| <L y'c? U; * w r vC L / ^V*f V“ wvAy^ >* 'd? - ^ ■ r - J, / ? - *i«MJ ~ AJ> ^ while loop j 

jj tUU^A/'while loop-^22?^ 


while () {} 


iv*rL^Vt//i/ t i‘i r^i./t/V. ., ?“ fJ fz£.~ , V^S r\ 
U, j J-*V ^Aw** C^^ 4 *s' l -r *—■ — w** I 

V V** " F 


var x=1; 
while <x<10) { 
docume nt.write(x); 

x++: 


t . ^ j 

| Zlx It.while loop_T t 2_(V^ 1 J-*<_ ■’i t/j'ljs^ f C*C xLU J^Vvf 1 2_ j 
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var x=1; 
do { 

document, write(x): 
x-H-: 

} While (x<10) 


| vcZl Jsi doi- 1 J.*c_ tf\Jh ^ cZl xit. J^sOi w-- 

| 1 v'l» document.write^£,A; while loop;iiJ>iL.I> u */£>Z1 cA L-"| 

| l$g/V £ Inc rement/'*L Zhs^iSsJ x I 

J «V!t ? " ? * *• t j 

Itwhile-LfV b-JU'^V- lAyj^X^ -'^' J \ 

\ ' 

i--1 i 

\ 123456789 * 

I ! 

n 

i j 

! var x=10: { 

! •< I 

J I 

■ document.write(x); \ 

i i 

x++: j 

1 } UV7)/7e (x<10) j 
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)lc.~ w '/j ,*V t* £ j- j lx ^ document.write,L LlC'semi-colon^i- C^\ 




fJW alertiif~^L, ; document.write! 


\ fA- j^iiA/Hello Asif_u U^-fcs; LA' Hello Asif doc ument.writej 

| *L f- jL. asif iv-L>Uj break;! 
j Hello AsiL'i|4~ 'jfw J i« asif-iA si&jtcasei 




Hello Asif 


! ^ 

\ >*<ildocurnent.write / U v Cr£alf asifyiAlcase.!- f- :__y! 

f T % * if 'I 

\ ~ tiLJjtLi-tjjtioi/.s'J-tj'J'l — *J x ii. i*J iVv???>>*ZLCasexA* \2ViJ I 


| c breaks,'*-casecase^J-| 


name = 'asif: 


switch (name) { 


case 'asif* : document.write ('Hello Asif); 

break: 

case 'Danish’: document.write ('Hello Danish'): 

break: 

case 'Junaid' : document.write ('Hello junaid'): 

break: 
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£ JavaScript j 


! 


C 57 ,^)T 

Ju case w r ■ &s- ^"/u—Mk ? J*£L 'k vw case^i- (**£./*i 

iUj defult;f~t- Zlftfi/Ufe-Error>•' b x c_V i}jW 3'i*J , u r "~^ 
sfe—jteJjZ JV ah s a n asif i *J ctv*.L , > v-Jl><L y'Jt**'!^ 

_^ l- Jl**' 1 % defu ltJ- f- JLJ x u ^3’^l- case 


name = 'ahsan; 
switch (name) { 

case ’asif’ : document.write ('Hello Asif): 

break: 

case 'Danish': document.write ('Hello Danish'): 

break: 

case 'Junaid' : document.write ('Hello junaid’); 

break: 

defult: document.write ('There is no match'); 

} 


i 


jj there >^£document.writey?tl£Uc/-case,L defultL • 

~ J ;> *k~ 3 ’k *\}fs 1 t f • l* f *>"' is no match 


There is no match 


2^ J’JJ&S 'i //case>switch_ J v*/*\3Vo >*Uj break>?.'cldefult| 

/VrL itf- 
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-r^-w^www.iqbalkalmati.blogspot.com > ^ 

58 X ° av<JOCi i H l 111 wriuu m m m je j \j*}j \ 1 JmvyjSertpf ) 


r 


switch (new Date().getDay()) { 
case 0: document.writef Today is Sunday"): 

break: 

case 1: document.writef'Today is Monday"): 

break; 

case 2: document.write("Today is Tuesday"): 

break; 

case 3: document.writef Today is Wednesday"); 

break; 

case 4: document.write("Today is Thursday"); 

break; 

case 5: document.writef Today is Friday"): 

break: 

case 6: document.writef Today is Saturday"): 

break; 

} 


| Vjy*.vfw V Day() >*‘new Date(>-^ t- date fsfi Jt'j 'j 

^Idat '/£"'('■J- 4 ->l Zldate.^ t/Jl** - 'I? dotJJ*i- | 

5 

i *£- ~ £ r w'V—wgetDayOt/*^ 1 

J ^ * # | 
1 •<_ ^js/J c asey: L f - w r Z. '6>;‘ w ? <L *6 y^~ <L A 

: . “ ' j 

^case;i_ f *:Z. y'Jl^ny document, write 


& f* ^ 




-w - ^ 


u> *iy 


rV <■' 


- W v w * 

r V r v-v 


I 1 . * I 

. 1 * 


Today is Saturday 
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J J J J J J 


} } J JJ J ) J } } } } J } J J} J J J J J } J J ) J J } J J } J } } J } J J J J ) J J J 


} j J J ,/ } j } } j y" 




1. number line 


2. number line 


if ? A? continue^T^fv* 1 2 ^breakup JL| 

Jcontinue^*^ L, yZl3 *r/Uo< /'/ it" j 

I 

for (x=1; x<10: x++){ j 

if (x == 3) {continue:} \ 

document.write (x+ number line <br>'): \ 


L-'w-Vy? 1 skip^rii/^^r ^ 3 >—-Vt/lfzw-*w :f<J f | 


h ■; 


1. number line 


2. number line 


4. number line 


5. number line 


6. number line 


7. number line 

8. number line 


9. number line 
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document.getElementByld("ctype”).innerHTML = 

typeof 3.14; 

</script> 




number 


Av NAN JSc NAN^ J<A >L 

$ " 4 I t * 4 

\ c* ujjj 


<p id="ctype"></p> 

<script> 

document.getElementByld( M ctype ,, ).innerHTML = 

typeof NaN; 

</script> 




number 


\ _ m j 

| u- w ,( %- c^falseltrueA v boolean If ^ J-V boolean A«i_ j 

I - JiL Vboolea n v_- : l! £ •>-1_- ■ A d>£=-! 


<p id="ctype"></p> 
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<script> 

document.getElementByld("ctype").innerHTML = 
typeof {name:'john', age:34}; 

</script> 


object 



-t* 

iU object^T'b''JavaScript/v/J.'^G'^u LV' &new Date{);| > v> , ^w ri 

-^Kobject^C 


<p id="ctype"></p> 

<script> 

document.getElementByld("etype”).innerHTML = 

typeof new Date(); 

</script> 



object 


function 


tiUbVi. o' 1 -. 


<p id="ctype"></p> 
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<p id="ctype"></p> 

<script> 

document.getElementByld("ctype ,, ).innerHTML = 

typeof null; 

</script> 




object 


constructor Propel 


Sr., 


> j .'I z"' ■ f J * jv „ , ^ * 

> r - > • k .r , r f ... r * j } J j ■ 


v>v i. c t | 


<p id-'constr"></p> | 

! 

<script> | 

document.getElementByld("constr").innerHTML = j 

"john".constructor j 

. ~ . | 

^script *?.<L-J'O constrJ?id ll>..4r X p_A 'Cr’c J-i V X J ~j 

id»*<ildocument.getElementBYId.L*4/u*iU^ivV JavaScripb^^wl?| 

Vi ^ .innerHTML J*i$ fA 

-Lv concadinate^'V<L-L,vvJ constructor! 

- r r | 








C 69 IPX . 


www.iqbalkalmati.blogspot.com 
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r 


ugspui.cu m 
J- JIJtJu 1 1 X ^tYiScripf J 




function StringO {[native code]} 


/♦ 

native codevfl&fyr* V stringJr 

String() 0 

J$i— 1 >1:1' 0*(**->Li*/^? 1 ^ 1 ?>l■’*— 1 

<p id="constr M ></p> 

<script> 

doc ume nt.get Ele me ntBy I d (" constr") .innerHTM L = 

(3.14). constructor 
</sciipt> 


function NumberO {[native code] } 


boolean, false i_ c-false Itrue Ji*booleanUJ.L f'A'J* 

, bV: boo lea nbV‘ S'-r lj * 


<p id="constr"></p: 




www.iqbalkalmati.blogspot.com: j^y 




















a 
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<script> 

document.getElementByld("constr").innerHTML = 

false.constructor 
</script> 




function Boolean() {[native code]} 


: 

jSxw $ ArraywfO^lil>. Array <jTii- 


<p id="constr”></p> 

<script> 

doc ume nt.get Ele me ntBy I d (" constr") .innerHTM L = 
[1,2,3,4].constructor 
</script> 






function ArrayO {[native code]} 


i &I0 ^ „ 

JS, J-l/ ^ objectwi %- objectwi'jL^I 


<p id="constr"></p> 
<script> 
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j document.getElementByld("constr").innerHTML = 

{name:'john', age:34}.constructor 
</script> 




function Object{) {[native code]} 


p , 

Jk. Date^ r ^ r “ object UjL- L* new Date()J- 

-,_u c**C(^ r " Date 


<p id="constr"></p> 

<script> 

document.getElementByld("constr").innerHTML = 
new Date{).constructor 
</script> 


function Date() {[native code]} 


~b'L ~^ w r function^ \fj lX*' 1 J •— 




<p id= ,, constr"></p> 
<script> 


www.iqbalkalmati.blogspot.com: l/ <L & 
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' j-y / 7 / lL / 1 } /' A I 


i j j j / J j } } j * 


document.getElementByld("constr").innerHTML = 
function () {^constructor 
</script> 


, ;ybV , l 


function Function{) {[native code]} 


Converting Numbers to Strings 


^ Jk-.id J numstr/> , Zl_Ar % p_li»L 


<p id= M numstr"></p> 


numstr2_ ^id Jl^Zl w^O-* document. getElement BY Id 2- j 

K,3c^jJ.\1LsJ^ x^V'L,*;!.y- 1 ,«£lString^‘ZJnnerHTML-L J 

/• | 

Jc-'i‘String^L^Zlc/^Cstring ^/ifsik sj x-r 

v * 5 


<script> 
var x = 123; 

document.getEleinentByld("nurnstr").innerHTML = String(x); 

</script> 
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l—————————— — 


123 


£ 


V 


-L tftL Strin g j//'i k-. i^VVA/ ( o r “ f f ^w c f*v~ Jl" 

<p id="numstr"></p> 

<script> 

document.getElernentByld("numstr").innerHTML = String(123); 

</script> 




123 


| , L >/$ $jPL. Strin g^/'-L Tv- JL"V 

<p id=”numstr"></p> 

<script> 

document.getElementByld{"numstr").innerHTML = $tring{100 + 23); 

</script> 

^vVbV 1 


123 


www.iqbalkalmati.blogspot.com: l/ <L & 
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Date and Time 


I showv^'ile JavaScriptj 

jj 1 ^o^C- -if 1 u •£- / 6J avaScript- w ? £r.U .-L J 

\ Ji'sjtl- i^flc,V" t> r w r ‘-*^ ^new Date {);c f j 


_ w. Synte xbV* ^ V ■ — 1 ^'V- K j 


/?ew Date ( J; 


&Af- U' */ v * w ? ^ jJ ) Irffw- LI’ output^ 

! 1-cVr * Error,C^J^l T dXf''j>\£ \ 

j - b%_ wf b Errors & ^uJ’o 1 J^sO 1 new Date (): | 


var date = new Date (J; 
docu/??e/Jt.w/7te (dafej; 


j datei- (vC *'L- Jb*^ 


‘ b new 


Date ():-L C^ldateU-. Jb'i-^ 

, iif^sjZ Zzsf^-j'dL I 

r w - v w *♦ j 




| Sun Sep 20 2015 22:28:21 GMT+0500 (Pakistan Standard Time) j 

| b^>/ T r ^^Aujuif/j?-v ^:Jjj 

j jEXw ' iu_ w ~ i i<Cc r - v-’J^ ‘I 
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~ j jGl-- x 5s>t w -71/J"**- w ?Jt^O ’^jGuJ'iL. ( w) 

"** * “ * * ** 1 * * I 

j 

var date = /?ew Date (7997,2,06,); j 

documentwrite (date); \ 


L*£± Jj-l >*L lx-12:0 0 xl ^oc>t yj^CAf&* J- J'- tx ~^ ^' bV 

lyT/'OO :00:00 r ^ J1 a*v l>| 


Wed Mar 06 1991 00:00:00 GMT+0500 {Pakistan Standard Time) 


■ 1 b^/newDate { );J 


. w Ji 86.400,OOcCc'J-i 1 -^ t-'j 




/tew Date (milliseconds) 


-wSyntexbV^’4 

i 


^-86.400,00_ : ^_'/'jLX<£-Ort’/X-1970J,f.'1 Jh» JavaScript^ 
.-jifcrl 970 ^^/c 3 f^l^^C 5 >>^'UTC-ifUTCj 5 ^^ 2 : v V^i- & fJ-wX r 
}%}<-;£££ ‘xxrftf j * 4- 1 X%‘X_. v'y^- X -ff- jX'ifyjlzffi '/J^l 

-<C- UVlc-v«K ^ r -i J ;>XXv l X>JXX"iV -X sr-Xvbc.'XlX | 

^ V ? V ^ I 


var date = /tew Date f6640000j; 
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documentwrite( d ); 


i j j j / > j } j j v;" 


-fefU^ J Jc/Sgri 


j Mon Sep 21 2015 06:54:45 GMT+0500 {Pakistan Standard Time) 


4 ' i I 

j toDateStringO;*? Ji/^^toStringO;^^ Jv~.?yjC < W T*J 

I " v | 

< -c^ 


d = new Datef J; 
d - d.toDateString(); 
documentwrite( d ); 


Mon Sep 21 2015 




tycuTc^ cAf- 


d - f7ew Date(); 
d = d.toUTCStrmg(); 
document.write( d ); 
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viqyqoiiipt m uiuu w m m ^ JavaScript J 


var date = new Date {); 
var year = date.getFullYear (); 
document.write (year); 


^ s 

LU • l ^r*,4L J Jt“' 1 ctf newDate( J^jZldate^ 

j£ff\y < £lgetFullYear( );^VZLcVv?ZldateJ-fv r “ ^Ccllyearj 

v Vv r * ’ 'l" '_ c *v'•_ ' ■'v .__ 1 'f .^)l- hT*-'uL~. ,« • 1 


-lifiL-U.C ?w b f? 


< ^ I 




- l?^ 1 


2015 


OaW 

- ._ I 

fZJilL getDay( ‘j 

-Uj L C r v*^ 6.'1_ oj 

-v 7 T r * . *■ A . *' I 

— w | 


var date = new Date {); 
var day = date.getDay(); 
document.write (day); 
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wartime = new Date (); 


var minute = time.getMinutes{); 
document.write (minute); 


j C newDateO;J^?j(/o? | Lb-.'C^ltime Jb\L 

J jft j 

| wA4l ij jJt j&J V<L -getMinute s(); ^/fZltim e ' C<£l mi nute It-. J 

| . Lv 1 Zl minu te v> 1 Zl d oc u m e n t. wr it e i- Zlj 


-^W^’vbVj 



j 

I l£ Sj^LlfX c^V J*V- \j </ 5J/yjl^ Z- Xw.- * 5 V V ^ 

| - Zl^ ±~ %j l<c_ Jvf/v 0j 


/f (minute < 10){ 
minute =M 0"+minute; 


i g* i 

I w r ‘10minute/ 1 JWt/*Lktv ifJ- 4 Z .('•Jl i/vl 

| C 1 *J l/»^_ v-*-0 ■- *7- '^U>. i *wT>t ■ 0 -Cl ^ jf j rr ■>?< w " >J 0 /J^v*Zl mi nute j 

| J ' 1 0 * 1 — «L 1 ^/ 4 -w- U t v> t < £-^ r -r l J'*?y 0 — f*Z-Zl.i-. Lj 

p ^ ^ p 

|minuteOtrw->U/JUi^VyjZlminute/Cvt'Zl j 
| <_vl:^ l /'Uy3u*b't / ^VjZlminutef>tiJj/U-<LlJ‘V^+i- f&Ait—ts 01 
| /')* OZL U„<r?vt*,v r ~V- J/A'--Vj 
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J J J jj J } } j ' ■ '* 


, * J 
- <— 


document.cookie f'J- cookiej 


i>p 

' wL I 


P 

document.cookie="username=Danish Irshad; expires=Thu, 18 Dec 2015 j 

12:00:00 UTC"; 1 


_ v ?2_document.cookief*>/cookiej 




var x = document.cookie; 
document.write{ d ); 


ji/cookidocument.cookie^^^L cookiej 

Ju*c u J[ cookiej 


.. j 

:JC*S 


document.cookie="username="document.cookie="username=Muhammad 
Danish Irshad; expires=Thu, 18 Dec 2015 12:00:00 UTC";"; 


expire date J L. ?f cookie 








CE2EX 
i- 


www.iqbalkalmati.blogspot.com 


vfavaocupi in uiuu m m h 


ugapui.cu m f 

J- J l>?,v 1 1 l JavaScript J 


li> 


document.cookie = "username=; expires=Thu, 01 Jan 1970 

00:00:00 UTC"; 

DOM 


iJ, s 

: v 


wiV^’DOM l Document Object Mode! 

V U U 1 Jl**'' Z1 • s/ (T; ij £, i/y $\^L Or 


-J?-> i/li“ *i -- T -i- <C J l>- 


j <p id="demo">Hello</p> 

J <script> 

j 

| document.getElementByldrdemo").innerHTML = "Hello World”: 

\ </script> 

I . 

j wi^Scripts f-A*-{ C^-demoJ.-id^ f-f\f* l- w V v ' L# 

| C*document.getElementByld{) 
j *LinnerHTMLJ- demo^Cb idjw Cj'/^ 

\ innerHTML = "Hello World"J^jjb 

* "HaIIa \A/nrlH"* 


"Hello World"; 

(**%- ,)dot 

_ O $(.) d otwT f j t-vj 

t*.Vf^v-£f&_-'fc-.Hello World-jC/Hello.>'<C_ : ',-'W 
?i'ijx J 1 *£i ^ ^ *'^r ^ '*■' 1 *V f " v^*" *' >~w UJ? 
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Jj* Y viavaotnpi m uiuu m m m / JavaScript 


9 J J J I 7 } } 7 S l ~ T m "7 I /"J 7 > > ) } ) 7 J m JV J J } J J J '/ 7 VJ J J ))}}}} } / J j J J / ? / ? J J y* 


‘bV*^ 


\f^ _-tfwC>y| 


, S* Jl- J 1 Elements ^ >*^1 DOM! 

“ w ** , :j 

m s = f 

~ W *<L Ltf Finding Elements-! 


document.getElementByld() 


-^4 id JL£ HT M L ^ y/j\ 


documentgetElementsByT agName() 


ftJ-S'jZ | T/V“- Jl 2- HTM Lfa- i&\ 


-<f- o'iM^^I 


document.getElementsByClassNameO 


tffibtoS id Class Jw^HTML^ 


sv* 


Changing Elements- 


.innerHTML= 


| M _ r I ^ * 

t>: 


vt ^' y«£l Jj; S'C' > H T M L 


.attributes 





































CE2EX. 


www.iqbalkalmati.blogspot.com 


r 


t . vu III 

jgvaoti ipi m uiuu m k k je J 1 1 '-'f A JmvfSeWpf j 


document.replaceChildO 




-Q xh>'Lji$/jpL.W\ M L.- v ?4 ' t>V 


document. writeQ 


l *+ 'I ^ 


> * ^ /V 
—> & ' 


:•iJ- x L. JavaScript^-v?^- J- -b' f 1 bV 1 


BO/W 


? J 

| C*xiL Zlc^U'VV Cwk'HyJiUv^' BO Ml Browser Object Model j 

I yf Popup Boxes jr^atL- W C ^ r X. ^zb.J{Cjl U-V BOM^^TcbuiLj** j 


/ . r* 

4 ^_- IJ 4 # 


> w - 4 £ ^ L > /V *£- jt> <— j L fil C ooki es \ 

^ * “ * *+ ** *7 ^ I |1 


Window 


! *>*popup .*4i r 


?_ w ? c£ J^L <C MjJ> 'Zl JavaScript^Jl^ 1 1^£ ^sJfej 

-w- cuuC u r -window prefix?*^ r ~ w ? 


window.open() 
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screen.height 
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screen.availHeight 








<p id="demo"xp> 
<script> 


j document.getElementByld("demo").innerHTML = "Available Screen Height: " j 


+ screen.availHeight: 
</script> 




Available Screen Height: 995 


screen.colorDepth 


| J& 16.777,21 6j :24 ZLZ- "cL 0$ ^<s_ 

\ -JtL yJ Deep_^'4,294.967,296 J. y/jme\ 


JtA 


| <p id="demo"><p> 

| <script> 

I document.getElementByld( M demo M ).innerHTML = "Screen Color Depth: " + 

\ 

9 screen.colorDepth; 
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i / y / } j } / j } 5 j j j > > , ■ /Tr/ 1 ? - /" 


window.location.href 






<p id="demo"><p> 

<script> 

document.getElementByld("demo").innerHTML = 
"Page location is " + window.location.href; 

</script> 




Page location is 

/F:/Danish%20Files/l9-Augu$t-20l5js/js_windowjocation.htm 


window.location.hostname 


J Zl*L yf^Hostnamel?' §j / ‘Jl^' | bV i | 


Jr- 


<p id-‘demo"><p> 
<script> 
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r 


document.getElementByld{"demo").innerHTMl = 
"Page hostname is ” + window.location.hostname; 

</script> 


* J:, 


Page hostname is 


window.location.pathname 




L ff^J lb" 1 bV 


* K 


<p id="demo"><p> 

<script> 

document.getElementByld{"demo").innerHTML = 
"Page path is " + window.location.pathname; 

</script> 




/19-August-2015/j s_window_location.htm 


window.location.protocol 
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viavaocupi in in uu w h m 

__-_#_ 





<L~ 


l tcJ^A 


.jJ 

•v^ i 


<p id="demo"xp> 

<script> 

document.getElementByld("demo").innerHTML = 
"Page protocol is " + window.location.protocol; 

</script> 


Page protocol is file:fttp:// 



Window History 





I Jt s* 1. ** * 


'T'yCf 


history.back{) 
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r 


<script> 

function goBack() { 
window.history.back() 

} 

</script> 

<input type="button" value="Back M onclick="goBack()"> 




Back 


history.forward() 


! 


i ~ * ~ " v i 


-J-* 


• lr* 


<script> 

function goForward{) { 
window.history.forward() 

} 

</script> 

<input type-’button" value="Forward' , onclick="goForwardO H> 
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r 


Forward 


Window Navigator 


U"' J>; Jl'"" ‘<^1 Navigator*^* 


Navigator Cookie Enabled 


-vC-lj-w. cookie enable^? }ju£ jjtJe- CiC 




-— W' 

/ y * ■ * 


j 

| l;jtL»C»k; cookie enableJl x> v? iv 

! f* y 0 j v i ^ f f ^ 

3 '* pU X r O 1 *.^- J I / 4 i;L -* Ct , | J y V r ** 

^ ^ ^ 7 - — ^ ^ ^ * - ■"—- - ^ ^ V" - w<- fjjj ^' + ^ 1 J ^ 




•jj 

! 


<p id="demo"><p> 

<script> 

document.getElementByld("derno”).innerHTML = 
"Cookies Enabled is " + navigator.cookieEnabled; 

</script> 


*)h\ 


Cookies enabled is true 


Browser Names 
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www.iqbalkalmati.blogspot.com 


Udvaotnpi 111 Ul UU M M 


r 


ugspui.cu m 

J- JIJtJu 1 1 t JavaScript J 


! 


vt'Auf£J\ bV* 

„fc;appName Netscape Is Safari;*'Internet Explorer 11, Chrome, Firefox, :*i*/ 


S appCodeName Mozilla I? Opera ^‘-Chrome, Firefox, Internet Explorer, Safari, 




lr> 


<p id=”demo"><p> 

<script> 

document.getElementByld("demo”).innerHTML = "Name is " + 
navigator.appName + Code name is " + navigator.appCodeName; 

</script> 




JJ 


Name is Netscape 
Code name is Mozilla 

Browser Engine 


- u 7 t l 't-jjiUpa- J*' 


- Il> 
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<p id="demo"><p> 

<script> 

document.getElementByldfdeino").inneiHTML = navigator.product; 

</script> 


Browser engine is Gecko 


Browser appVersion 




i Zl appVers ion J \ 


:Jf-| 


<p id="demo"><p> \ 

5 

<script> | 

document.getElementByld("demo").innerHTML = navigator.appVersion; j 

</script> I 


*j S J 


5.0 {Windows NT 5.1) AppleWebKit/537.36 {KHTML. like 
Gecko) Chrome/46.0.2490.71 Safari/537.36 
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</script> 


j-ji.i 


Win32 


Browser Language 




<p id="demo"><p> 

<script> 

document.getElementByld("demo").innerHTML = navigator.language; 

</script> 


Browser language is en*US 


Java Enabled 


~J ava Enable J*jj *'>;c_ j fc C„ J 1 
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•Ji*. 
■w'' 

<p id="demo"><p> 

<script> 

document.getElementByld{"demo").innerHTML = navigator.javaEnabled(); 

</script> 


Java enabled is true 


CofTSo/e./oq/' J; 

^ * —- | 

- v- consol e ZL»*j 11 Jl**' fZ^ 1 

\> console lFI 2j~ internet explorertfirefoX‘Chromew- 1 


_ |y ± *U*^*'w •* 


console.log("hello earth"): 




[S Z Ekiifciib telxjrfc £u-ius> Tiid i= ML* Re>xi 
$ V <ffnfcrm> t nr 


C-txIt 


i/ 

Z^sconsole 


r X 


lYb :4rtl- 


nvsiripc.^ETl 


U'jT console »>* 


->:L J U v * L* > iA/^f 1‘ji > ! 0u L : 


ms«J 
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oavaon ipi in vi uu w m m JavaScript J 


Timing Events 


I 

,£<_> l^clearTimeoubjisetTimeout^'lji-^ <L w r ~ jy* Jl**' 1 "V t j 


j . r» 
£_-** 


r**>J 




/“J*bVV*c£Jl^ v n setTimeout{) ☆ 


K*> ti^ rv y^_ y^J setTimeoutjL set Interval ) T^l 


#SjJi i ooo^'-w- c| 


i J 




a 'eSjJ&j f \j!.*—/i)j *' u ? 2£? | - > cv- -pee ^ -*SZA5vZ- setTimeout( )j 




cbutton onclick="$etTimeout{myFunction, 3000);"> 
click and wait 3 Seconds</button> 


j!: *J setTimeout()-L Attribute L. one lie k, p£. fv'k 




cZlmy Function Ctf Function^ ^jCi^setTimeoubJ'J.’ 


-LV click and wait 3 Seconds j' detail j ?*-1 s^J ^J3000 W C V 1 &\ 


<script> \ 

function myFunction() { J 

document.write('Hello World*); l 

} | 

</script> \ 
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111 v,avao *- ll H t 111 Ul uu » v * ■-* { JavaScript j 

| wUy^^i/Ot'^-^t^myFunctionltit/ l^C'i^aScript.L fv-c^iV 1 

«j ^ .6 

j i'v'^jHello WorIdi*-/> 1 •T' f*jP<CJ'wU b^document.write 

! i_/M'Hello Worldyg^Zj^a^iy^/yi^o^ 

^ i ** * "« 7 ** * ** 

* ,r 


»i£Jb y 

J^ab" 

* ? 

Hello World 


click and wait 3 Seconds 



.a . .a 

\ * ^ t/V i _ * 4 

>'>-. p - b c_ L? yiM. \j 0 Cr , 


Auttk- 1/ ll:^ a\?tf fecAwi. fJUjfrji 


clearTimeout| >: J^ 


<button onclick= M myVar = setTimeout{myFunction, 3000)">$tart</button> 
<button onclick="clearTiineout(myVar)">stop</button> 

J /j'lji'tL.'IL- myVarit-. J^y^jT^ZleventZlonclieky~cA— ‘ 4 ~ v ~t*£ b*c^?-■i- fv'k 
z3000>»i myFunction"CbV >> l <Llw ri >-‘J setTimeoutJ,'^. • i • 
«L i *^z7>*-l^*:start^ c startiL Zldetails 

jt sjrL- ( »Jb_ J*y s£ J- U 1 b' cle arTim eout. > '<aAttri bute ZLonc lie k 

w n J"Kk. tyTa- cl-*— ■ Stop J- a details /*'t .\£_ ebu^yv f cZlmyVarbUk; 

<script> 

function myFunction() { 


I 
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viavaompi in uiuu w m h 


u y s p u i . c u m f 
J- J l >?,v 1 1 *«U JavaScript J 


| var hour = time.getHours(); 

\ var min = time.getMinutes(); 

j var sec = time.getSecondsQ; 

j document.write ("Current time is: ”+"<b>"+hour+":"+min+":"+sec+"</b>"): 

</script> 

jJJsQsteflJ new Date( );f cZtime U* f-Jl Jy>0 1 

Ztime f cZhou r II* .L c r '&—*w£ 

jAjj l:. .*get H o ur s 0; Zd concatenatedL-ZJ^y* 

V^A 4 '*-^ time id concatenate { tZminll* ^yjyfUTZ 

'tZsec Lb. tVy*y?'ZZ f : ^Z i/v Z ZgetMinute s(): 

i^O^ZV'*=-*get.SecondsO;Z> ; JlZbfej 

w? IT <br>Z Z * jk-Iv’wloi^ doc ument. wr ite(); Z-'j 1 1. 

"Current time is: ZZi-ZZCfr/}WZdocument.write(); »_ L-'J'ZZ 

boIdZZi y=0> l:-Z jZ ^/Z V JZ i l>c/vZ +Z fZ ZZ 


\ 


\ 


Current time is: 5:44:1 


Z*v r ' r J&V Z-y^'Z* PM LAM Z r Z w r '> ;' v r ^ >x 6 1 y >ZZc Zi _v Z~ vV“ 
2/tl£>CiL Z ( y bV' rZ^ 0>>Z JavaScript .odZ J XjZ 12 

_ iZ S't/' refre shy U t/{ZZ^\A; 
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•A>A 


var time = new Date (); 
var hour - time.getHours(); 
var min = time.getMinutes(); 
var sec = time.getSeconds(); 


J- 1 r jk I 


^ V * 
*■ »-* 


- 


i l 

I document.write ("Current time is: "+"<b>"+hour+": "+min+":" +” sec "+" \ 


"+sort+"</b>"); 


^ sjt 

-J?"J -w- J- «il PM.* 1 AM r w- Uf V*f til$0lt w ~ lfl~ j 


if (hour<12){ 
sort="AM"; 

} else{sort="PM";} 




| J^v-Zlsort12xless thanhour )Ujj jlXsjPL.<L if^i* Jb 


rvv-l 


I (~<£- 12£* <—j\a*-AS z $x<£- J'v*-' PMiv sort/i'^lelse/fAMcviv i J' , » c, ^| 
! ^ -**' 1- AM - ,*c| 


if(hour>12){ 


hour=hour-12; 

} 
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- bVc U 


JZ Ov 1 - refreshV w n \ 


1 /^XA>j 


| document.write(); u r -v/fyf^^cZlmyTimeOlb;^ 

i dL myTime() elsev?LL 

I 


var time = new Date (); 
var hour = time.getHours(); 
var min = time.getMinutes(): 
var sec = time.getSeconds(); 


\ function myTimeO { 

\ 

I document.write ("Current time is: ,, +"<b>"+hour+": "+min+":" +” sec ”+" 
\ "+sort+"</b>"); 


if (hour<12){ 


sort= n AM"; 


} else{sort="PM";} 


if(hour>12){ 

hour=hour-12; 


if <min<10){ 
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r 






function myTime() { 
var d = new Date(); 

document.getElementByld{"clock').innerHTML = 
d.toLocaleTimeStringO: 

} 

</script> 

>;imyTime()U*tf_Zlsetlnterval();i»~^ 
^^^cZ^myTime()lU(y i ^J^i- 1 ^ r w. ^ L jJ v-f'J1000 

O^vU' 1 Jvl-- (J^V^-r ttf - i/ V new Date{);;,4. *?,*/*>?•*£- fC2ldLU^vtwl ^ f-jpL .1 
J.’i_ ^ id £>?' 1 document.getElementBYId().L P.L.J' ,4~ X.L U t) 

I 

<ild.>*Z1 wA/?* ifj&'ttfjt l*J .innerHTMLi- ( cZlclock(/ 


s 


J&vw'tf-c'"'*l-v connect^t-^toLocaleTimeStringO;^^ concatenate 

,f^L_—U'^-l 


6:45:33 AM 


’ 






, I 

O^^wM^style^^yV CSSj 


#clock{ background:red; color:yellow; width:82px; font-family :arial; 


border:2px dashed green; padding:1px; } 
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uCarial J't^l|^^y<82pxjUji/t<ikU,background w f - f- 

- ^ C^padding 1 px w r - J t/?'border 


^ t aT ^am w ^ ^ 


6:49:30 AM 


- w ?a£ fe jli i>C /- /Zi; 


7 A‘"i 


6:27:01 AM 


16:47:50 AM! 


Cal£MMor 

‘(+)vV *J~C U^'Ct-.CalculatorJ.* 

-LjrA x)wA* u^z. A)\W(f)if*Y'£. 

<F0RM NAME="Calc"> <TABLE B0RDER=4> <TR> <TD> 

<INPUT TYPE="text ,, NAME="lnput" Size="16”> 

Lk;table wT'^L f- ^.'Zl w r, ^LA Calc f*' ct>V' Lit '& form_k .L 
I 9 inputwjT'-L f-jX 1 Zltd J 1 Lk-.td 1 <CX\ w r *v*■ Lk-.tr.L ^ w f, L ja/ 4Z- ^border 
*L |L-Vdnput boxfe^text-Z-t/ki. UCtype=textb x inputs I- JlA*> 
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U> 16i— y 1-- bS>? ( in putt y c | 


<br> 


-bS.I* Jj U< (/S SS-'J VjStJ&f brSS 


</TD> </TR> 


, ijJa j ftd L. 


<TR><TD> 


I o*j iS Scalculator^'^Si/f.SikWSvi'Ss^MrStf- SL Jsj 

-Z/J 

! j 

j <INPUT TYPE="button" NAME="one" VALUE= "1" OnClick="Calc.lnput.value += T "> 
j <INPUT TYPE="button" NAME=’’two" VALUE= "2" OnCUck=’'Calc.lnputvalue += ’2' "> } 
f <INPUT TYPE="button" NAME="three" VALUE= "3" OnClick="Calc.lnput.value += ’3 1 "> j 
\<INPUT TYPE="button" NAME=”plus" VALUE= " + " OnClick="Calc.lnputvalue += V ">! 

| .. * A , J 

\ buttonSCtfjWjk^'inputsU-LSf i-ko^JL 

I>«> ‘Sc/VSt 1 J.vifJ JV1» on©lyCc-button>l- Ic*-*^-! 

\ i_ S'jL Jj£, &JI Attribute Soncliek.L 1 -Jlfck .C fjj*' l jf* \ 

\ ' S .. i. " . ’ ’ "** 

| con catenate j/l^l v n ^|''C^ , input j&/£ inputs ^ ftb'form Calc j 

| l" j«L UU>V* calculators^- S bS n*/ l-Si ?J input box * i V formj 

| SSvalue >cl'Szl JavaScript*' Calc. Input!. L (fxrS^j 

I J 

j ^ ,4^ v bSiS l-S C a I c. I n p ut> ; 1 /i • J S w n ' l.v concatenate| 

| f'S S lS='v is+- w. U l 'y >yS S ^-S ^ SJj -• i * J 1. ■* $ 0 / U- b” = vS j 

| J'-SJ.?1 i C0*rjU"bUSsi S- JitC/Lt ? f Assignmentj 
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vfavaocupi in uiuu m m h 


uy»pui.cu m f 
J- J l>?,v 1 1 l JavaScript J 


k 


4 

- ii^, A j> 11' /r, nfr' .. , c, ,P/; 1 .c-l- t-^v b=* r* 


<br> 


I ^ - tfz_ uJ'JU'bV^*^ br_^ 1. 

t.cA bi- 1 

<INPUT TYPE="button” NAME="four" VALUE=" 4 H OnClick="Calc.lnput.value += *4' ”> 
<INPUT TYPE®”button" NAME="five" VALUE=" 5 ’’ OnCLick="Calc.lnputvalue += ’5* "> 
<INPUT TYPE="button" NAME="six” VALUE®" 6 " OnClick="Calc.lnput.value += ’6’ "> 
<INPUT TYPE= , 'button" NAME="minu$" VALUE®" - " OnClick="Calc.lnput.value += ' -' 


b.C/'V »T<iU 


jL l-'J^'Vb^ of fV-cA 1 JV rf 

,L?U r w V"'( 


<br> 


td v '.TAz-o' *J- ^o ,r - , u b bx^A^- f>J X 

-4—ou LA/*i-. V 1 ^ 

jcINPUT TYPE-'button” NAME="seven" VALUE®" 7 " OnClick="Calc.lnput.value += T "> 
|<INPUT TYPE="button" NAME="eight" VALUE®" 8 ” OnCLick="Calc.lnput.value += '8' "> 
i <INPUT TYPE="button" NAME="nine" VALUE®" 9 " OnClick="Calc.lnput.value += '9* "> 


<INPUT TYPE="button" NAME="time$" VALUE®" x " OnClick="Calc.lnput.value += * * ’ 
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{ 122 /^KX viavaotupt in vi uu j( JaiHjScript j 


jx i v-i. U'S' * 1 . C-rS jW<f- V"Jr Wfcfc M >i- (• j’-J-o’i'Ji 


1 ( m + lS .L^> T iJ 1 r {* f 1 I 

Af b *<- '/U I 


<br> 


J ^ ^ Jj U* t/^iL tLjuJvt'jZf bra 1 !. i^.’^vl 

I - LjJ^i\w'Lj. fecA/ ^//*£_1 

5 i 

I 

I <INPUT TYPE=’’button" NAME="clear” VALUE=" c " OnClick="Calc.lnput.value = ' * "> j 
| <INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.lnput.value += '0* "> j 
| cINPUT TYPE="button" NAME-’Dolt" VALUE=" = " OnClick= ,, Calc.lnput.value = j 
\ eval(Calc.Input value)"> \ 


\ . t # J 

j «iL y^Utu/oV'w^J^V ^ JUiG^clearl. fVcrtVl 

* *"* t ^ | 

| vi eval() ^ir'iShiLfaJ^Z-L.- f cidoit JL}*jMk \ 

| C‘<C. Calc .input, valu e^v> *Zl ( ~<f- tJftf fi- J?/ math equations-<ilj 

S _ tfL- b J*w **t yj*!';— L,'^ b x =v*L Ji_ U *cl 1 «/- i/jpL 1 vT' ?• «L i vi- L,*^| 


S <INPUT TYPE="button" NAME="div" VALUE=" / " OnClick= ,, Calc.lnput.value += * / ’ ”> 1 


| yA/'wV 5s 'w r “^i^-t*'| 
| - tjfJ&k input /j *V t* ft* J Ijt- 1 *uC l“tf_ | 


</TD></TRx/TABLE></FORM> 


-w ^iTCalculator^l:^ KsJm/^ form .;'table4rtd L- J 
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Wdvaotvipi 111 VI UU M H M 


u y 3 p ui. i u ■■■ ^ ^ 

^ Jm*aScrtpf J 


[ 

1 

2 3 

p - 


LaJl5jL_6J 



7 

. 8 ;| 9 1 lx 


[I 

> 



, CSS^'f 



8 





1 

2 

3 

l * 

4 

5 

6 


7 

- 

8 

9 

X 


• 

= 

/ 


Temperature Co/wertor 

y? l Fahrenheit|^ u Ci/*-<L v £ U u Ct*. Temperature Convertor I* ^ '/w 1 

Jt’^'b'Math.round();f~.i '~<L~jy ConvertCelsius 
. Celsiusw^ lw- Orb'Celsius-^ Fahrenheit^"-!. UOrCU £/ tf- v r 1 

Orb' Fahrenheit 


www.iqbalkalmati.blogspot.com: 





































































































124 /if*. 


'www.iqbalkalmati.blogspot.com f --- 

oavuocMjji iii uiuu m m m X JavaScript 


1 Fahrenheit 


1 Clesius 


-17.2222 Clesius 


33.8 Fahrenheit 


<input id="c" onkeyup="convert('C')">Celsius</br></br> 
<input id-'f onkeyup^'convertCF'J'^Fahrenheit 


event Zion ke yu p i- f'vv-JA> J fX_/W vj'J c J,* id U in put boxwi-^jl^j 

^ . p J 

^ _**rf- C cZlconvert v r ~ J Av*L^ l- Jl*-*- j 

^ si I 

convert) 


<script> 

function convert(degree) { 
if (degree == "C") { 


F = document.getElementByld("c").value *9/5 + 32; 


docuinent.getElementByld("f).value = Math.round(F); 
{ } else 


C = (document.getElementByld(T).value -32) *5/9; 


document.getElementByld("c").value = Math.round(C); 


</script> j 

Vo: tVv*undefine f tZlconvertl I* 'Zlwi^scripti-. 

degree J'/ J/ f-A*-( C«£l degree j 
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125 oavaou qji ii i uiuu m ^ m ^^ ijfjj iJifftviScripf J 

\5x—} jt ?.*£/ o* 1 u* ^v? i'' c<C f Zl«— /jij* hlLc 

. ** i 

^^id.c>rdocument.getElementBYIdj 
2~ concatenate*=_^UZl>cUj value 

J^-J<i_?!:!w'w/^f*JJu^?-♦'2-A/ 1 -l•>'w/"^-.valued 9/5+32 
0 Jt-.idJ f u r "^*-/ m 2_ f'.cJl^ A document.getElementBYId^ ,42- 

^,/jUj.L f'A\.*s concatenate jflstCxl-J value 
| >^^*<£1 F2- f'j&tL ^‘-w- jV*T>**-^ (jj^A *(JT w r ‘b A Math .rou nd(); 


-U 


I 


2- fjplij'ib. J*y# C JcL-sl. /JlA' }£isf'<L Zlelse-L 

jA 1 1 A A > 1 Z, v Ar > ■ «L | >: vt w ri ^ r -bv’lA' <lf document.getElementBYId 

Jtsld^p rt £_y-c-«L^CV document.getElementBYId^ ( r '~<z~ j/'w/J:Jfl/Jfl/L 
-Z2^i<C ^-'-Us ; concatenateyu-Zl >l-o value>* l J.’^_.'f*^_ | ^cZlf v / 

2 - A>^< 2 l w /\^-5 / 9 l.v_- / P /\J’^VA 

w v ** | T #♦ * ■ T •* 






2l>Uo valuejO'^'J^' id2 C2'*-L:'j*^ r cAdocument.getElementBYIdj 
«L concatenate Jl 

-1 .vC-2 V Av *ZL C j^2 ^v*Zl F 


i^v>V*cA_ i^ji?f?yiT6_' jAt'Zl A*input^2 _• 

** •* | * h ** * ** * 

■A f JL”' 1 !? Attribute-ilonkeyup2- Z* 1 Sx(~£^r/*~ry b' 1 ^ w n ^_ t/ 

~ 6 .'<_ J- i> vri J*s.L- one lie k J- j' > 


Celsius 

Fahrenheit 
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